[light]:root {
  --color-primary-darker: hsl(220, 89%, 36%);
  --color-primary-darker-h: 220;
  --color-primary-darker-s: 89%;
  --color-primary-darker-l: 36%;
  --color-primary-dark: hsl(220, 89%, 46%);
  --color-primary-dark-h: 220;
  --color-primary-dark-s: 89%;
  --color-primary-dark-l: 46%;
  --color-primary: hsl(220, 89%, 56%);
  --color-primary-h: 220;
  --color-primary-s: 89%;
  --color-primary-l: 56%;
  --color-primary-light: hsl(220, 89%, 66%);
  --color-primary-light-h: 220;
  --color-primary-light-s: 89%;
  --color-primary-light-l: 66%;
  --color-primary-lighter: hsl(220, 89%, 95%);
  --color-primary-lighter-h: 220;
  --color-primary-lighter-s: 89%;
  --color-primary-lighter-l: 95%;
  --color-accent-darker: hsl(358, 97%, 43%);
  --color-accent-darker-h: 358;
  --color-accent-darker-s: 97%;
  --color-accent-darker-l: 43%;
  --color-accent-dark: hsl(358, 97%, 53%);
  --color-accent-dark-h: 358;
  --color-accent-dark-s: 97%;
  --color-accent-dark-l: 53%;
  --color-accent: hsl(358, 97%, 63%);
  --color-accent-h: 358;
  --color-accent-s: 97%;
  --color-accent-l: 63%;
  --color-accent-light: hsl(358, 97%, 73%);
  --color-accent-light-h: 358;
  --color-accent-light-s: 97%;
  --color-accent-light-l: 73%;
  --color-accent-lighter: hsl(358, 97%, 83%);
  --color-accent-lighter-h: 358;
  --color-accent-lighter-s: 97%;
  --color-accent-lighter-l: 83%;
  --color-secondary-darker: hsl(197, 73%, 37%);
  --color-secondary-darker-h: 197;
  --color-secondary-darker-s: 73%;
  --color-secondary-darker-l: 37%;
  --color-secondary-dark: hsl(197, 73%, 47%);
  --color-secondary-dark-h: 197;
  --color-secondary-dark-s: 73%;
  --color-secondary-dark-l: 47%;
  --color-secondary: hsl(197, 73%, 57%);
  --color-secondary-h: 197;
  --color-secondary-s: 73%;
  --color-secondary-l: 57%;
  --color-secondary-light: hsl(197, 73%, 67%);
  --color-secondary-light-h: 197;
  --color-secondary-light-s: 73%;
  --color-secondary-light-l: 67%;
  --color-secondary-lighter: hsl(197, 73%, 95%);
  --color-secondary-lighter-h: 197;
  --color-secondary-lighter-s: 73%;
  --color-secondary-lighter-l: 95%;
  --color-black: hsl(240, 8%, 12%);
  --color-black-h: 240;
  --color-black-s: 8%;
  --color-black-l: 12%;
  --color-white: hsl(0, 0%, 100%);
  --color-white-h: 0;
  --color-white-s: 0%;
  --color-white-l: 100%;
  --color-warning-darker: hsl(46, 100%, 41%);
  --color-warning-darker-h: 46;
  --color-warning-darker-s: 100%;
  --color-warning-darker-l: 41%;
  --color-warning-dark: hsl(46, 100%, 51%);
  --color-warning-dark-h: 46;
  --color-warning-dark-s: 100%;
  --color-warning-dark-l: 51%;
  --color-warning: hsl(46, 100%, 61%);
  --color-warning-h: 46;
  --color-warning-s: 100%;
  --color-warning-l: 61%;
  --color-warning-light: hsl(46, 100%, 71%);
  --color-warning-light-h: 46;
  --color-warning-light-s: 100%;
  --color-warning-light-l: 71%;
  --color-warning-lighter: hsl(46, 100%, 81%);
  --color-warning-lighter-h: 46;
  --color-warning-lighter-s: 100%;
  --color-warning-lighter-l: 81%;
  --color-success-darker: hsl(94, 48%, 36%);
  --color-success-darker-h: 94;
  --color-success-darker-s: 48%;
  --color-success-darker-l: 36%;
  --color-success-dark: hsl(94, 48%, 46%);
  --color-success-dark-h: 94;
  --color-success-dark-s: 48%;
  --color-success-dark-l: 46%;
  --color-success: hsl(94, 48%, 56%);
  --color-success-h: 94;
  --color-success-s: 48%;
  --color-success-l: 56%;
  --color-success-light: hsl(94, 48%, 66%);
  --color-success-light-h: 94;
  --color-success-light-s: 48%;
  --color-success-light-l: 66%;
  --color-success-lighter: hsl(94, 48%, 76%);
  --color-success-lighter-h: 94;
  --color-success-lighter-s: 48%;
  --color-success-lighter-l: 76%;
  --color-error-darker: hsl(358, 97%, 43%);
  --color-error-darker-h: 358;
  --color-error-darker-s: 97%;
  --color-error-darker-l: 43%;
  --color-error-dark: hsl(358, 97%, 53%);
  --color-error-dark-h: 358;
  --color-error-dark-s: 97%;
  --color-error-dark-l: 53%;
  --color-error: hsl(358, 97%, 63%);
  --color-error-h: 358;
  --color-error-s: 97%;
  --color-error-l: 63%;
  --color-error-light: hsl(358, 97%, 73%);
  --color-error-light-h: 358;
  --color-error-light-s: 97%;
  --color-error-light-l: 73%;
  --color-error-lighter: hsl(358, 97%, 83%);
  --color-error-lighter-h: 358;
  --color-error-lighter-s: 97%;
  --color-error-lighter-l: 83%;
  --color-bg: hsl(0, 0%, 100%);
  --color-bg-h: 0;
  --color-bg-s: 0%;
  --color-bg-l: 100%;
  --color-contrast-lower: hsl(0, 0%, 95%);
  --color-contrast-lower-h: 0;
  --color-contrast-lower-s: 0%;
  --color-contrast-lower-l: 95%;
  --color-contrast-low: hsl(240, 1%, 85%);
  --color-contrast-low-h: 240;
  --color-contrast-low-s: 1%;
  --color-contrast-low-l: 85%;
  --color-contrast-medium: hsl(240, 1%, 60%);
  --color-contrast-medium-h: 240;
  --color-contrast-medium-s: 1%;
  --color-contrast-medium-l: 60%;
  --color-contrast-high: hsl(240, 4%, 20%);
  --color-contrast-high-h: 240;
  --color-contrast-high-s: 4%;
  --color-contrast-high-l: 20%;
  --color-contrast-higher: hsl(240, 8%, 12%);
  --color-contrast-higher-h: 240;
  --color-contrast-higher-s: 8%;
  --color-contrast-higher-l: 12%;
  --color-twitter: #4a9eec;
  --color-facebook: #415994;
  --color-dribbble: #ea4c89;
  --color-github: #24292e;
  --color-youtube: #ea3323;
  --color-instagram: #e02d69;
}
